<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>{pboot:pagetitle}</title>
	<meta name="keywords" content="{pboot:pagekeywords}">
	<meta name="description" content="{pboot:pagedescription}">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,shrink-to-fit=no">
	<link rel="stylesheet" href="{pboot:sitetplpath}/css/index.css" >
	<link rel="stylesheet" href="{pboot:sitetplpath}/css/media.css" >
	<link rel="stylesheet" href="{pboot:sitetplpath}/css/normalize.css" >
	<link rel="stylesheet" href="{pboot:sitetplpath}/css/animate.css">
	<link rel="stylesheet" href="{pboot:sitetplpath}/css/swiper.min.css">
	<link rel="stylesheet" href="{pboot:sitetplpath}/css/waves.min.css">
	<script src="{pboot:sitetplpath}/js/vue.js"></script>
	<script src="{pboot:sitetplpath}/js/axios.js"></script>
</head>
<body>
<header class="header">
	<div class="header-wrap">
		<div class="header-logo">
			<a href="/">
				<img class="logo" src="{pboot:sitetplpath}/images/runhao-logo-white.png" alt="logo" />
			</a>
		</div>
		<div class="header-right">
			<div class="header-bottom">
				<div class="nav">
					<div class="nav-item">
						<div class="parent">
							<span>产品&服务</span>
						</div>
						<div class="dropdown product-drop">
							<div class="drop-parent">
								<div class="left-part">
									<div class="item drop-mark" target="drop-truck-bus">
										<div class="pic">
											<img src="{pboot:sitetplpath}/images/header-p1.jpg" alt="">
										</div>
										<div class="name">
											<span>Truck & Bus Parts</span>
											<img src="{pboot:sitetplpath}/images/arrow-right2x.png" alt="">
										</div>
										<div class="drop-child">
											<div class="drop-child-wrapper">
												<div class="child-item">
													<div class="child-pic">
														<div class="child-name">Truck</div>
														<img src="{pboot:sitetplpath}/images/home-s1-1.jpg" alt="">
													</div>
													<div class="drop-grand blue">
														<div class="drop-grand-wrapper">
															<div class="drop-grand-left">
																<div class="grand-pic">
																	<img src="{pboot:sitetplpath}/images/home-s1-1.jpg" alt="">
																</div>
																<div class="grand-name">Truck</div>
															</div>
															<div class="drop-grand-right">
																<a href="">
																	<div class="grand-item">
																		<span>European truck</span>
																		<img src="{pboot:sitetplpath}/images/arrow-right2x.png" alt="">
																	</div>
																</a>
																<a href="">
																	<div class="grand-item">
																		<span>American truck</span>
																		<img src="{pboot:sitetplpath}/images/arrow-right2x.png" alt="">
																	</div>
																</a>
																<a href="">
																	<div class="grand-item">
																		<span>Japanese truck</span>
																		<img src="{pboot:sitetplpath}/images/arrow-right2x.png" alt="">
																	</div>
																</a>
																<a href="">
																	<div class="grand-item">
																		<span>Other trucks</span>
																		<img src="{pboot:sitetplpath}/images/arrow-right2x.png" alt="">
																	</div>
																</a>
															</div>
														</div>
													</div>
												</div>
												<div class="child-item">
													<div class="child-pic">
														<div class="child-name">Bus</div>
														<img src="{pboot:sitetplpath}/images/home-s1-2.jpg" alt="">
													</div>
													<div class="drop-grand orange">
														<div class="drop-grand-wrapper">
															<div class="drop-grand-left">
																<div class="grand-pic">
																	<img src="{pboot:sitetplpath}/images/home-s1-1.jpg" alt="">
																</div>
																<div class="grand-name">Bus</div>
															</div>
															<div class="drop-grand-right">
																<a href="">
																	<div class="grand-item">
																		<span>European bus</span>
																		<img src="{pboot:sitetplpath}/images/arrow-right2x.png" alt="">
																	</div>
																</a>
																<a href="">
																	<div class="grand-item">
																		<span>American bus</span>
																		<img src="{pboot:sitetplpath}/images/arrow-right2x.png" alt="">
																	</div>
																</a>
																<a href="">
																	<div class="grand-item">
																		<span>Japanese bus</span>
																		<img src="{pboot:sitetplpath}/images/arrow-right2x.png" alt="">
																	</div>
																</a>
																<a href="">
																	<div class="grand-item">
																		<span>Other bus</span>
																		<img src="{pboot:sitetplpath}/images/arrow-right2x.png" alt="">
																	</div>
																</a>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="item">
										<div class="pic">
											<img src="{pboot:sitetplpath}/images/header-p2.jpg" alt="">
										</div>
										<div class="name">
											<span>Product Applications</span>
											<img src="{pboot:sitetplpath}/images/arrow-right2x.png" alt="">
										</div>
										<div class="drop-child">
											<div class="drop-child-wrapper2">
												<div class="child-item">
													<div class="child-name">
														<span>BPW</span>
														<img src="{pboot:sitetplpath}/images/arrow-black-down2x.png" alt="">
													</div>
													<div class="drop-grand">
														<div class="drop-grand-wrapper2">
															<a href=""><div class="grand-name">BPW</div></a>
															<a href=""><div class="grand-name">BPW</div></a>
															<a href=""><div class="grand-name">BPW</div></a>
															<a href=""><div class="grand-name">BPW</div></a>
															<a href=""><div class="grand-name">BPW</div></a>
															<a href=""><div class="grand-name">BPW</div></a>
														</div>
													</div>
												</div>
												<div class="child-item">
													<div class="child-name">
														<span>Citroen</span>
														<img src="{pboot:sitetplpath}/images/arrow-black-down2x.png" alt="">
													</div>
													<div class="drop-grand">
														<div class="drop-grand-wrapper2">
															<a href=""><div class="grand-name">Citroen</div></a>
															<a href=""><div class="grand-name">Citroen</div></a>
															<a href=""><div class="grand-name">Citroen</div></a>
															<a href=""><div class="grand-name">Citroen</div></a>
															<a href=""><div class="grand-name">Citroen</div></a>
															<a href=""><div class="grand-name">Citroen</div></a>
														</div>
													</div>
												</div>

											</div>
										</div>
									</div>
								</div>
								<div class="right-part">
									<div class="t1">Malesuada amet, pellentesque convallis donec lectus consectetur. Dui turpis tellus imperdiet amet, dignissim consectetur interdum amet elit. Nibh scelerisque facilisis.</div>
									<a href="">
										<div class="more">
											<span>View More About T&D Group Products</span>
											<img src="{pboot:sitetplpath}/images/arrow-blue-right2x.png" alt="">
										</div>
									</a>
								</div>
							</div>
						</div>
					</div>
					<div class="nav-item">
						<div class="parent">
							<span>工程案例</span>
						</div>
						<div class="dropdown other-drop about-drop">
							<div class="drop-parent">
								<div class="left-part">
									<div class="item drop-mark">
										<div class="pic">
											<img src="{pboot:sitetplpath}/images/header-about.jpg" alt="">
										</div>
									</div>
								</div>
								<div class="mid-part">
									<div class="t1">Ut id velit commodo eros at. Leo non diam faucibus pellentesque cursus elementum. Volutpat praesent vel urna purus arcu feugiat gravida fringilla urna. Hendrerit egestas nisl.</div>
									<a href="">
										<div class="more">
											<span>View More About T&D Group</span>
											<img src="{pboot:sitetplpath}/images/arrow-blue-right2x.png" alt="">
										</div>
									</a>
								</div>
								<div class="right-part">
									<div class="item">
										<a href="">
											<span>Company Overview</span>
											<img src="{pboot:sitetplpath}/images/arrow-black-rb2x.png" alt="">
										</a>
									</div>
									<div class="item">
										<a href="">
											<span>Our Team</span>
											<img src="{pboot:sitetplpath}/images/arrow-black-rb2x.png" alt="">
										</a>
									</div>
									<div class="item">
										<a href="">
											<span>Business Philosophy</span>
											<img src="{pboot:sitetplpath}/images/arrow-black-rb2x.png" alt="">
										</a>
									</div>
									<div class="item">
										<a href="">
											<span>Event</span>
											<img src="{pboot:sitetplpath}/images/arrow-black-rb2x.png" alt="">
										</a>
									</div>
									<div class="item">
										<a href="">
											<span>Our Values</span>
											<img src="{pboot:sitetplpath}/images/arrow-black-rb2x.png" alt="">
										</a>
									</div>
									<div class="item">
										<a href="">
											<span>Partners</span>
											<img src="{pboot:sitetplpath}/images/arrow-black-rb2x.png" alt="">
										</a>
									</div>
								</div>
							</div>

						</div>
					</div>
					<div class="nav-item">
						<div class="parent">
							<span>关于我们</span>
						</div>
						<div class="dropdown other-drop solution-drop">
							<div class="drop-parent">
								<div class="left-part">
									<div class="item drop-mark">
										<div class="pic">
											<img src="{pboot:sitetplpath}/images/header-solution.jpg" alt="">
										</div>
									</div>
								</div>
								<div class="mid-part">
									<div class="t1">Sit est sit sapien semper lobortis nibh. Varius in et metus, nullam tincidunt consequat tristique a. Augue integer eu faucibus laoreet in. Elementum eu leo, lectus diam. </div>
									<a href="">
										<div class="more">
											<span>View More About T&D Solution</span>
											<img src="{pboot:sitetplpath}/images/arrow-blue-right2x.png" alt="">
										</div>
									</a>
								</div>
								<div class="right-part">
									<div class="item">
										<a href="">
											<span>Technical support</span>
											<img src="{pboot:sitetplpath}/images/arrow-black-rb2x.png" alt="">
										</a>
									</div>
									<div class="item">
										<a href="">
											<span>Download center</span>
											<img src="{pboot:sitetplpath}/images/arrow-black-rb2x.png" alt="">
										</a>
									</div>
									<div class="item">
										<a href="">
											<span>Membership service</span>
											<img src="{pboot:sitetplpath}/images/arrow-black-rb2x.png" alt="">
										</a>
									</div>
									<div class="item">
										<a href="">
											<span>FAQ/ helpdesk</span>
											<img src="{pboot:sitetplpath}/images/arrow-black-rb2x.png" alt="">
										</a>
									</div>

								</div>
							</div>

						</div>
					</div>
					<div class="nav-item">
						<div class="parent">
							<span>新闻动态</span>
						</div>
						<div class="dropdown other-drop contact-drop">
							<div class="drop-parent">
								<div class="left-part">
									<div class="item drop-mark">
										<div class="pic">
											<img src="{pboot:sitetplpath}/images/header-contact.jpg" alt="">
										</div>
									</div>
								</div>
								<div class="mid-part">
									<div class="t1">Rutrum auctor neque in nulla. Dictumst laoreet dignissim vitae cum consectetur in congue. Fringilla ante neque, elit nullam donec. Potenti in feugiat egestas id proin. </div>
									<a href="">
										<div class="more">
											<span>View More About T&D Contact</span>
											<img src="{pboot:sitetplpath}/images/arrow-blue-right2x.png" alt="">
										</div>
									</a>
								</div>
								<div class="right-part">
									<div class="item">
										<a href="">
											<span>Job offer</span>
											<img src="{pboot:sitetplpath}/images/arrow-black-rb2x.png" alt="">
										</a>
									</div>
									<div class="item">
										<a href="">
											<span>Contact address</span>
											<img src="{pboot:sitetplpath}/images/arrow-black-rb2x.png" alt="">
										</a>
									</div>
								</div>
							</div>

						</div>
					</div>
					<div class="nav-item">
						<div class="parent">
							<span>职业发展</span>
						</div>
					</div>
					<div class="nav-item">
						<div class="parent">
							<span>联系我们</span>
						</div>
					</div>
				</div>
				<div class="actions">
					<div class="parent">
						<img src="{pboot:sitetplpath}/images/global.png" alt="" class="global" />
						<span>CHN</span>
						<img src="{pboot:sitetplpath}/images/arrow-down.png" alt="" class="arrow-down" />
					</div>
					<img src="{pboot:sitetplpath}/images/vector.png" alt="" class="vector" />
				</div>
			</div>
		</div>
	</div>
</header>
<header class="mobile_header">
	<div class="mobile_to_index">
		<a href="/">
			<img src="{pboot:sitetplpath}/images/runhao-logo-black.png" alt="">
		</a>
	</div>
	<div class="mobile_nav">
		<i class="layui-icon mobile_nav_control_on">
			<img src="{pboot:sitetplpath}/images/vector-black.png" >
		</i>
		<i class="layui-icon mobile_nav_control_off" style="display: none">
			<img src="{pboot:sitetplpath}/images/vector-black.png" >
		</i>
	</div>
	<div class="mobile_nav_main nui-scroll" style="OVERFLOW-Y: auto; OVERFLOW-X:hidden;">
		<li>
			<a href="/" class="main_a needWaves">
				<span>Home</span>
			</a>
		</li>
		<li>
			<a href="javascript:void (0)"  class="mobile_nav_haveson main_a">
				<span>Products Centers</span>
			</a>
			<div class="li_son" style="display: none;">
				{pboot:nav num=14  parent=5}
				<a href="[nav:link]" class="needWaves"><span>[nav:name]</span></a>
				{/pboot:nav}
			</div>
		</li>
		<li>
			<a href="/?aboutus" class="main_a needWaves">
				<span>About Us</span>
			</a>
		</li>
		<li>
			<a href="/?article" class="main_a needWaves">
				<span>News</span>
			</a>
		</li>
		<li>
			<a href="/?service" class="main_a needWaves">
				<span>Service</span>
			</a>
		</li>
		<li>
			<a href="/?contact" class="main_a needWaves">
				<span>Contact Us</span>
			</a>
		</li>
	</div>
</header>
{include file=comm/cookieAccept.html}
{include file=comm/loginModal.html}

